<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选项卡</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script src="../../js/jquery-1.11.2.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <style>
        body {
            padding: 50px;
        }
    </style>
</head>
<body>
<ul class="nav nav-tabs">
    <li class="active"><a href="#html1" data-toggle="tab">html</a></li>
    <li><a href="#html2" data-toggle="tab">java</a></li>
    <li><a href="#html3" data-toggle="tab">css</a></li>
    <li><a href="#html4" data-toggle="tab">bootstrap</a></li>
</ul>
<div class="tab-content" style="padding: 10px;">
    <p id="html1" class="tab-pane fade in active">111111HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
    </p>

    <p id="html2" class="tab-pane fade">2222HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页

        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
    </p>

    <p id="html3" class="tab-pane fade">3333HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
    </p>

    <p id="html4" class="tab-pane fade">44444HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
        HTML 是用来描述网页的一种语言。
        HTML 指的是超文本标记语言 (Hyper Text Markup Language)
        HTML 不是一种编程语言，而是一种标记语言 (markup language)
        标记语言是一套标记标签 (markup tag)
        HTML 使用标记标签来描述网页
    </p>
</div>
</body>
</html>
